<div class="row">
    <div class="col-md-6">
        <!-- Search -->
        <input #searchBox type="text" (keyup.enter)="onEnter(searchBox.value)" class="form-control"/>
        <div style="max-height: 200px;overflow: auto;">
            <div *ngFor="let item of items" class="col-md-12">
                <a href="javascript:;" (click)="select(item)">{{ item }}</a>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <h5>Selected Items</h5>
        <div style="max-height: 200px; overflow: auto;">
            <div *ngFor="let item of selected; let index = index;" class="my-1 py-1">
                <span (click)="unselect(index)" class="criteria-tag">{{ item }} <i class="ti-close ml-2"></i></span>
            </div>
        </div>
    </div>
</div>